<template>
      <div class="index-main">
          <h1 style="font-size: 50px;" class="el-descriptions">{{'Welcome,'+user.name+"!"}}</h1>
          <DateUtils/>
      </div>
</template>

<script>
 import DateUtils from "@/components/DateUtils.vue";
export default {
  name: 'Index',
  components: {
      DateUtils
  },
  data() {
    return {
        user:''
    }
  },
  methods: {
  },
    created() {
      this.user = this.$store.state.user
    }
}
</script>

<style lang="scss" scoped>
 .index-main{
     height: 800px;
     text-align: center;
     display: flex;
     -webkit-box-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     flex-wrap: nowrap;
     align-items: center;
 }
</style>
